<template>
  <div class="head-title">
    <van-nav-bar left-text="返回" :title="title" left-arrow fixed @click-left="onClickLeft" />

    <!-- <van-list v-model="loading" :finished="finished" finished-text="没有更多了"  @load="onLoad"> -->
    <van-row>
      <van-col span="24">
        
        <span class="Title">关于奉献捐赠和支持</span>

        <span>
          福音影院成立于2004年， 服务全球华人信徒，
          本网站不经营广告，因此一切费用均来自弟兄姐妹的奉献支持，
          如果你愿意参与这项具有特殊意义的宣教事工，请为我们祷告，
          如果你有奉献的能力和心愿，也请给予一定的财政支持,
          考虑到多数弟兄姊妹经济都很紧张，请凭主的感动和个人能力奉献！
          请大家注意，本站从未也决不主动联系谁请求奉献捐助 。
        </span>

        <span>支付宝和银联云闪付帐号： 13867718236</span>

        <span>也可用手机支付宝、微信、银联云闪付直接扫码奉献转帐，如需要验证名字，开户名均为 袁茵</span>

        <span class="logo">
          <img :src="Icon_yl" class="iconlogo" />
        </span>

        <span>银联云闪付</span>

        <span class="logo">
          <img :src="Icon_wx" class="iconlogo" />
        </span>

        <span>微信</span>

        <span class="logo">
          <img :src="Icon_zfb" class="iconlogo" />
        </span>

        <span>支付宝</span>

        <span class="logo">
          <img :src="Icon_fengxian" class="iconlogo_fengxian" />
        </span>

        <span>如需要验证名字，开户名均为 袁茵</span>

        <span>历年来每笔奉献我们均有记录，方便弟兄姊妹查询 。</span>

        <span>查询手机：13867718236</span>

        <span>微信查询，请加微信号 33232335 或扫描下面二维码</span>

        <span class="logo">
          <img :src="Icon_weixin" class="iconlogo" />
        </span>

      </van-col>
    </van-row>

    <!-- <van-cell v-for="(item,index) in list" :key="index" @click="goNOte(index)">
      <van-row>
        <van-col span="8">
          <img :src="item.playbill_url" class="nav_img" alt="tupian" />
        </van-col>
        <van-col span="16" class="valspan"></van-col>
      </van-row>
    </van-cell> -->

  </div>
</template>

<script>

// import iconall from "@/assets/Image/all.png";
// import iconall01 from "@/assets/Image/all01.png";
// import iconcheck from "@/assets/Image/check.png";
// import iconcheck01 from "@/assets/Image/check01.png";
// import iconready from "@/assets/Image/ready.png";
// import iconready01 from "@/assets/Image/ready01.png";
// import iconsumbit from "@/assets/Image/sumbit.png";
// import iconsumbit01 from "@/assets/Image/sumbit01.png";

export default {
  data() {
    return {
      list: [],
      loading: false,
      finished: false,
      title: "",
      Icon_yl: require("@/assets/Image/yl.jpg"),
      Icon_wx: require("@/assets/Image/wx.jpg"),
      Icon_zfb: require("@/assets/Image/zfb.jpg"),
      Icon_fengxian: require("@/assets/Image/fengxian.gif"),
      Icon_weixin: require("@/assets/Image/weixin.jpg")
    };
  },
  methods: {
    onLoad() {
      // 异步更新数据
      // setTimeout 仅做示例，真实场景中一般为 ajax 请求
      setTimeout(() => {
        // for (let i = 0; i < 10; i++) {
        //   this.list.push(this.list.length + 1);
        // }

        // 加载状态结束
        this.loading = false;
        // 数据全部加载完成
        if (this.list.length >= 40) {
          this.finished = true;
        }
      }, 1000);
    },
    //返回
    onClickLeft() {
      this.$router.push("/home");
    }
    //以下为无效代码
  },
  //页面初始化钩子函数 created
  created() {
    // this.GetFiles();
    // this.isActive = 0;
    this.$emit("header", true);
    this.$emit("footer", false);
  },
  //页面初始化钩子函数 mounted
  mounted() {
    this.title = "奉献和捐赠";
  }
};
</script>

<style lang="less" scoped>

// .valspan{
//   margin-top: 20px;
//   span{
//     display: block;
//     margin-top: 20px;
//     line-height: 15px;
//   }
// }

.nav_img {
  width: 120px;
  height: 80px;
  margin: 5px;
}

.valspan {
  padding-left: 50px;
}

.van-row {
  .van-col {
    background-color: #fff;
    .Title{
      font-size: 15px;
      margin: 20px;
    }
    .logo{
      text-align: center;
    }
    span {
      display: block;
      font-size: 12px;
      margin: 10px  20px;
      text-align: left;
      line-height: 20px;
      .iconlogo {
        width: 200px;
      }
      .iconlogo_fengxian {
        width: 100%;
      }
    }
  }
}

</style>

